$(function () {
  // var search=['鞋子','袜子','鞋带','脚链'];
  // localStorage.setItem('search',JSON.stringify(search));

  // 渲染数据
  function render() {
    var arr = JSON.parse(localStorage.getItem('search')) || [];

    $('.search-history').html(template('tmp-search', { list: arr }));

  }
  render();

  // 清空数据
  $('.search-history').on('click', '.clear', function () {
    // 弹出提示框
    mui.confirm('你确定要清空历史记录吗？', '温馨提示', ['取消', '确定'], function (e) {
      if (e.index == 1) {
        // 删除所有的所有记录
        localStorage.removeItem('search');
        // 重新渲染数据
        render();
      }
    })
  })

  // 点击删除按钮，删除对应id的搜索记录
  $('.search-history').on('click', '.btn-del', function () {
    var that = this;
    // 弹出提示框
    mui.confirm('你确定要删除该条记录吗？', '温馨提示', ['取消', '确定'], function (e) {
      if (e.index == 1) {
        // 获取对应记录的id
        var id = $(that).data('id');
        // 获取localStorage的数据转成数组
        var arr = JSON.parse(localStorage.getItem('search'));
        // 截取数组，模拟删除记录
        arr.splice(id, 1)
        // 转成json字符串存回localStorage中
        localStorage.setItem('search', JSON.stringify(arr));
        // 重新渲染页面
        render();
      }
    })
  })

  // 添加搜索记录
  $('.btn-search').click(function () {
    var txt=$('.search-box').val();
    $('.search-box').val('');

    if (txt.trim().length===0) {
      mui.toast('请输入搜索内容！');
      return;
    }
    setSearch(txt);
    //重新渲染
    render();

    // 跳转到搜索列表页，查看搜索结果
    location.href='./searchList.html?key='+txt;
  });

  // 点击历史记录跳转到商品页
  $('.search-history').on('click','.search-list a',function () {
    var txt=$(this).text();
    
    // 跳转到搜索列表页，查看搜索结果
    location.href='./searchList.html?key='+txt;
  })

})